<template>
  <div>
    <h3>vue-router跳转</h3>
    <div>
      <el-button @click="link('about')">About</el-button>
      <el-button @click="link('button')">Button</el-button>
      <el-button @click="link('checkbox')">Checkbox</el-button>
    </div>
  </div>
</template>

<script setup>
  const router = useRouter()
  const route = useRoute()

  const link = (path) => {
    router.push({
      path: "/" + path,
      query: {
        name: 'zhaomeiyang'
      }
    })
  }
</script>